<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    <link rel="stylesheet" href="http://libs.baidu.com/bootstrap.3.0.3/css/bootstrap.min.css"/>-->
<!--    <link rel="stylesheet" href="http://libs.baidu.com/bootstrap.3.0.3/css/bootstrap-theme.css"/>-->
<!--    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>-->
<!--    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
<!--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">-->

    <link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" />
    <link rel="stylesheet" href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap-theme.css" />
    <script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">
    <script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
    <script th:src="@{/js/echarts.js}"></script>
</head>
<body>
<!--<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->
<!--&lt;!&ndash; 引入 Bootstrap JS &ndash;&gt;-->
<!--<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>-->
<!--<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>-->
<div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">
                            <img src="/images/537.jpg" width="100px"/>
                        </a>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a href="/index">首页</a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">查询
                                    <strong class="caret"></strong>
                                </a>
                                <ul class="dropdown-menu">
                                    <li class="active">
                                        <a href="/search">查询演示</a>
                                    </li>
                                    <li>
                                        <a href="#">查询二</a>
                                    </li>
                                    <li>
                                        <a href="#">查询三</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="/edituser">编辑</a>
                            </li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                          <li>
                              <a href="#" th:text="'用户名:' +${session.currentuser}">用户名</a>
                          </li>
                            <li>
                                <a href="/logout">注销</a>
                            </li>
                        </ul>

                    </div>
                </nav>

            </div>
        </div>
        <div class="row-clearfix">
            <div class="col-md-2 column">
                <ul class="nav nav-pills nav-stacked" id="public_left">
                    <li class="nav-header">分区一</li>
                    <li class="nav-link"><a href="#">模块一</a></li>
                    <li class="nav-link"><a href="#">模块二</a></li>
                    <li class="nav-link"><a href="#">模块三</a></li>
                    <li class="nav-header">分区二</li>
                    <li class="nav-link"><a href="/toupload">文件上传</a></li>
                    <li class="nav-link"><a href="/todownload">文件下载</a></li>
                    <li class="nav-link"><a href="/all_page">数据分页</a></li>
                    <li class="nav-link"><a href="/tochart">数据图标</a></li>
                </ul>
            </div>
            <div class="col-md-10 column">
                <div id="public_right" th:insert="~{::public_right}">
                    <h2>这是publicpage.html内容</h2>
                    <p>
                        public_right
                    </p>
                    <p>
                        <a class="btn" href="#">Details</a>
                    </p>
                </div>
            </div>

            <div class="row ckearfix">
                <div class="col-md-12 column text-center">
                    <hr>
                    <p>
                        @2025-2026 软件22401何苏杨
                    </p>
                    <p>
                        <a class="btn" href="#">联系我：819467880@qq.com</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(document).ready(function () {
        $("#table").dataTable({
            "bProcessing": true, //DataTables 载入数据时，是否显示‘进度’提示
            "aLengthMenu": [5, 10, 15], //更改显示记录数选项
            "sPaginationType": "full_numbers", //详细分页组，可以支持直接跳转到某页
            "bAutoWidth": true, //是否自适应宽度
            //"bJQueryUI": true,
            "oLanguage": { //国际化配置
                "sProcessing": "正在获取数据，请稍后...",
                "sLengthMenu": "显示 _MENU_ 条",
                "sZeroRecords": "没有您要搜索的内容",
                "sInfo": "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",
                "sInfoEmpty": "记录数为0",
                "sInfoFiltered": "(全部记录数 _MAX_ 条)",
                "sInfoPostFix": "",
                "sSearch": "搜索",
                "sUrl": "",
                "oPaginate": {
                    "sFirst": "第一页",
                    "sPrevious": "上一页",
                    "sNext": "下一页",
                    "sLast": "最后一页"
                }
            }
        });
    });
</script>
</html>